<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Credit Card Details Page || Pylon || Loan HTML Template</title>
    <!-- favicons Icons -->
    <link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicons/favicon-16x16.png">
    <link rel="manifest" href="../static/moban5146/assets/images/favicons/site.webmanifest">
    <meta name="description" content="Pylon Loan HTML Template">

    <!-- fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

    <link rel="stylesheet" href="../static/moban5146/assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="../static/moban5146/assets/css/fontawesome-all.min.css">
    <link rel="stylesheet" href="../static/moban5146/assets/css/swiper.min.css">
    <link rel="stylesheet" href="../static/moban5146/assets/css/animate.min.css">
    <link rel="stylesheet" href="../static/moban5146/assets/css/pylon-icons.css">
    <link rel="stylesheet" href="../static/moban5146/assets/css/odometer.min.css">
    <link rel="stylesheet" href="../static/moban5146/assets/css/magnific-popup.css">
    <link rel="stylesheet" href="../static/moban5146/assets/css/bootstrap-select.min.css">
    <link rel="stylesheet" href="../static/moban5146/assets/css/nouislider.min.css">
    <link rel="stylesheet" href="../static/moban5146/assets/css/nouislider.pips.css">

    <!-- template styles -->
    <link rel="stylesheet" href="../static/moban5146/assets/css/main.css">
</head>

<body>
    <div class="preloader">
        <img class="preloader__image" src="../static/moban5146/assets/images/loader.png" alt="">
    </div><!-- /.preloader -->
    <div class="page-wrapper">
        <header class="main-header">
            <div class="topbar">
                <div class="container">
                    <div class="topbar__left">
                        <div class="topbar__social">
                            <a href="#" class="fab fa-facebook-square"></a>
                            <a href="#" class="fab fa-twitter"></a>
                            <a href="#" class="fab fa-pinterest-p"></a>
                            <a href="#" class="fab fa-instagram"></a>
                        </div><!-- /.topbar__social -->
                        <a href="#">Login</a>
                        <a href="#">Company News</a>
                        <a href="#">FAQs</a>
                    </div><!-- /.topbar__left -->
                    <div class="topbar__right">
                        <a href="#"><i class="pylon-icon-email1"></i>needhelp@company.com</a>
                        <a href="#"><i class="pylon-icon-clock2"></i>Mon - Sat 8:00 AM - 6:00 PM</a>
                    </div><!-- /.topbar__right -->
                </div><!-- /.container -->
            </div><!-- /.topbar -->
            <nav class="main-menu">
                <div class="container">
                    <div class="logo-box">
                        <a href="../static/moban5146/index.html" aria-label="logo image"><img src="../static/moban5146/assets/images/logo-dark.png" width="155" alt=""></a>
                        <span class="fa fa-bars mobile-nav__toggler"></span>
                    </div><!-- /.logo-box -->
                    <ul class="main-menu__list">
                        <li class="dropdown">
                            <a href="../static/moban5146/index.html">Home</a>
                            <ul>
                                <li>
                                    <a href="../static/moban5146/index.html">Home One</a>
                                </li>
                                <li><a href="index-2.html">Home Two</a></li>
                                <li class="dropdown">
                                    <a href="#">Header Styles</a>
                                    <ul>
                                        <li><a href="../static/moban5146/index.html">Header One</a></li>
                                        <li><a href="index-2.html">Header Two</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li class="dropdown">
                            <a href="../static/moban5146/about.html">About</a>
                            <ul>
                                <li><a href="../static/moban5146/team.html">Team</a></li>
                                <li><a href="../static/moban5146/team-details.html">Team Details</a></li>
                            </ul>
                        </li>
                        <li class="dropdown"><a href="../static/moban5146/services.html">Services</a>
                            <ul>
                                <li><a href="../static/moban5146/services.html">Services</a></li>
                                <li><a href="../static/moban5146/service-details.html">Service Details</a></li>
                            </ul>
                        </li>
                        <li class="dropdown"><a href="../static/moban5146/news.html">News</a>
                            <ul>
                                <li><a href="../static/moban5146/news.html">News</a></li>
                                <li><a href="../static/moban5146/news-details.html">News Details</a></li>
                            </ul>
                        </li>
                        <li class="dropdown"><a href="#">Pages</a>
                            <ul>
                                <li><a href="how-it-works.html">How It Works</a></li>
                                <li><a href="../static/moban5146/loan-calculator.html">Loan Calculator</a></li>
                                <li class="dropdown">
                                    <a href="credit-card.html">Credit Card</a>
                                    <ul>
                                        <li><a href="credit-card.html">Credit Card</a></li>
                                        <li><a href="credit-card-details.html">Credit Card Details</a></li>
                                    </ul>
                                </li>
                                <li><a href="faq.html">FAQ</a></li>
                                <li><a href="../static/moban5146/testimonials.html">Testimonials</a></li>
                            </ul>
                        </li>
                        <li><a href="../static/moban5146/contact.html">Contact</a></li>
                        <li class="search-btn search-toggler">
                            <a href="#"><i class="pylon-icon-magnifying-glass"></i></a>
                        </li>
                    </ul>
                    <!-- /.main-menu__list -->

                    <div class="main-header__info">
                        <div class="main-header__info-phone">
                            <i class="pylon-icon-tech-support"></i>
                            <div class="main-header__info-phone-content">
                                <span>Call Anytime</span>
                                <h3><a href="tel:92-666-888-0000">92 666 888 0000</a></h3>
                            </div><!-- /.main-header__info-phone-content -->
                        </div><!-- /.main-header__info-phone -->
                    </div><!-- /.main-header__info -->
                </div><!-- /.container -->
            </nav>
            <!-- /.main-menu -->
        </header><!-- /.main-header -->

        <div class="stricky-header stricked-menu main-menu">
            <div class="sticky-header__content"></div><!-- /.sticky-header__content -->
        </div><!-- /.stricky-header -->

        <section class="page-header">
            <div class="page-header__bg" style="background-image: url(../static/moban5146/assets/images/backgrounds/page-header-bg-1-1.jpg);"></div>
            <!-- /.page-header__bg -->
            <div class="container">
                <ul class="thm-breadcrumb list-unstyled">
                    <li><a href="../static/moban5146/index.html">Home</a></li>
                    <li>/</li>
                    <li><span>Credit Card Details</span></li>
                </ul><!-- /.thm-breadcrumb list-unstyled -->
                <h2>Credit Card Details</h2>
            </div><!-- /.container -->
        </section><!-- /.page-header -->

        <section class="about-two credit-card__details">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 wow fadeInLeft" data-wow-duration="1500ms">
                        <div class="about-two__image">
                            <img src="../static/moban5146/assets/images/credit-card/credit-card-d-1-1.png" alt="">
                        </div><!-- /.about-two__image -->
                    </div><!-- /.col-lg-6 -->
                    <div class="col-lg-6">
                        <div class="about-two__content">
                            <div class="block-title text-left">
                                <p>Visa Gold Card</p>
                                <h2>Visa Gold Card, More Than Just a Card!</h2>
                            </div><!-- /.block-title -->
                            <p>There are many variations of passages of lorem ipsum available the majority have suffered alteration in some form by injected humour. Duis aute irure dolor lipsum is simply free text available in the local markets in reprehenderit.</p>
                            <ul class="list-unstyled about-two__list">
                                <li>
                                    <i class="fa fa-check-circle"></i>
                                    Visa Gold Card Shopping Offers
                                </li>
                                <li>
                                    <i class="fa fa-check-circle"></i>
                                    Rewards Points on International Spending
                                </li>
                                <li>
                                    <i class="fa fa-check-circle"></i>
                                    3% Cashback at Electronics Outlets
                                </li>
                                <li>
                                    <i class="fa fa-check-circle"></i>
                                    Purchase Fuel or Car Servicing at Any Fuel Outlet
                                </li>
                            </ul><!-- /.list-unstyled -->
                            <div class="button-wrap">
                                <a href="#" class="thm-btn">Apply For Card</a><!-- /.thm-btn -->
                                <div class="main-header__info-phone">
                                    <i class="pylon-icon-tech-support"></i>
                                    <div class="main-header__info-phone-content">
                                        <span>Call Anytime</span>
                                        <h3><a href="tel:92-666-888-0000">92 666 888 0000</a></h3>
                                    </div><!-- /.main-header__info-phone-content -->
                                </div><!-- /.main-header__info-phone -->
                            </div><!-- /.button-wrap -->
                        </div><!-- /.about-two__content -->
                    </div><!-- /.col-lg-6 -->
                </div><!-- /.row -->
            </div><!-- /.container -->
        </section><!-- /.about-two -->

        <section class="feature-three">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-md-6">
                        <div class="feature-three__box">
                            <div class="feature-three__box-inner">
                                <i class="pylon-icon-internet"></i>
                                <h3><a href="#">Global Acceptability</a></h3>
                                <p>There many variation of pasages of lorem sum available.</p>
                            </div><!-- /.feature-three__box-inner -->
                        </div><!-- /.feature-three__box -->
                    </div><!-- /.col-lg-3 col-md-6 -->
                    <div class="col-lg-3 col-md-6">
                        <div class="feature-three__box">
                            <div class="feature-three__box-inner">
                                <i class="pylon-icon-buying"></i>
                                <h3><a href="#">Buy Now Pay
                                        Later</a></h3>
                                <p>There many variation of pasages of lorem sum available.</p>
                            </div><!-- /.feature-three__box-inner -->
                        </div><!-- /.feature-three__box -->
                    </div><!-- /.col-lg-3 col-md-6 -->
                    <div class="col-lg-3 col-md-6">
                        <div class="feature-three__box">
                            <div class="feature-three__box-inner">
                                <i class="pylon-icon-online-payment"></i>
                                <h3><a href="#">SMS & Internet Banking</a></h3>
                                <p>There many variation of pasages of lorem sum available.</p>
                            </div><!-- /.feature-three__box-inner -->
                        </div><!-- /.feature-three__box -->
                    </div><!-- /.col-lg-3 col-md-6 -->
                    <div class="col-lg-3 col-md-6">
                        <div class="feature-three__box">
                            <div class="feature-three__box-inner">
                                <i class="pylon-icon-call-center"></i>
                                <h3><a href="#">24/7 Customer Support</a></h3>
                                <p>There many variation of pasages of lorem sum available.</p>
                            </div><!-- /.feature-three__box-inner -->
                        </div><!-- /.feature-three__box -->
                    </div><!-- /.col-lg-3 col-md-6 -->
                </div><!-- /.row -->
            </div><!-- /.container -->
        </section><!-- /.feature-three -->


        <footer class="site-footer">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-md-6">
                        <div class="footer-widget footer-widget__about">
                            <a href="../static/moban5146/index.html">
                                <img src="../static/moban5146/assets/images/logo-light.png" width="155" alt="">
                            </a>
                            <p>Lorem ipsum is not dolor sit amet, consect etur adi pisicing elit sed eiusmod tempor ut labore.</p>
                            <div class="footer-widget__about-phone">
                                <i class="pylon-icon-tech-support"></i>
                                <div class="footer-widget__about-phone-content">
                                    <span>Call Anytime</span>
                                    <h3><a href="tel:92-666-888-0000">92 666 888 0000</a></h3>
                                </div><!-- /.footer-widget__about-phone-content -->
                            </div><!-- /.footer-widget__about-phone -->
                        </div><!-- /.footer-widget footer-widget__about -->
                    </div><!-- /.col-lg-3 -->
                    <div class="col-lg-2 col-md-6">
                        <div class="footer-widget footer-widget__link">
                            <h3 class="footer-widget__title">Explore</h3>
                            <ul class="list-unstyled footer-widget__link-list">
                                <li><a href="#">About</a></li>
                                <li><a href="#">Our Services</a></li>
                                <li><a href="#">Latest News</a></li>
                                <li><a href="#">Testimonials</a></li>
                                <li><a href="#">Contact</a></li>
                            </ul><!-- /.list-unstyled -->
                        </div><!-- /.footer-widget -->
                    </div><!-- /.col-lg-2 -->
                    <div class="col-lg-3 col-md-6">
                        <div class="footer-widget footer-widget__post">
                            <h3 class="footer-widget__title">Latest News</h3>
                            <ul class="list-unstyled footer-widget__post-list">
                                <li>
                                    <img src="../static/moban5146/assets/images/resources/footer-post-1-1.png" alt="">
                                    <div class="footer-widget__post-list-content">
                                        <span>16 Oct, 2020</span>
                                        <h3><a href="../static/moban5146/news-details.html">We’re Providing the Quality Services</a></h3>
                                    </div><!-- /.footer-widget__post-content -->
                                </li>
                                <li>
                                    <img src="../static/moban5146/assets/images/resources/footer-post-1-2.png" alt="">
                                    <div class="footer-widget__post-list-content">
                                        <span>16 Oct, 2020</span>
                                        <h3><a href="../static/moban5146/news-details.html">We’re Providing the Quality Services</a></h3>
                                    </div><!-- /.footer-widget__post-content -->
                                </li>
                            </ul><!-- /.list-unstyled -->
                        </div><!-- /.footer-widget -->
                    </div><!-- /.col-lg-3 -->
                    <div class="col-lg-4 col-md-6">
                        <div class="footer-widget footer-widget__contact">
                            <h3>Contact</h3>
                            <ul class="list-unstyled footer-widget__contact-list">
                                <li>
                                    <a href="#"><i class="pylon-icon-email1"></i>needhelp@company.com</a>
                                </li>
                                <li>
                                    <a href="#"><i class="pylon-icon-clock2"></i>Mon - Sat 8:00 AM - 6:00 PM</a>
                                </li>
                                <li>
                                    <a href="#"><i class="pylon-icon-pin1"></i>80 Broklyn Golden Street,
                                        New York. USA</a>
                                </li>
                            </ul>
                        </div><!-- /.footer-widget footer-widget__contact -->
                    </div><!-- /.col-lg-4 -->
                </div><!-- /.row -->
            </div><!-- /.container -->
        </footer><!-- /.site-footer -->
        <div class="bottom-footer">
            <div class="container">
                <p>Copyright &copy; 2020.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                <div class="bottom-footer__social">
                    <a href="#" class="fab fa-facebook-square"></a>
                    <a href="#" class="fab fa-twitter"></a>
                    <a href="#" class="fab fa-pinterest-p"></a>
                    <a href="#" class="fab fa-instagram"></a>
                </div><!-- /.bottom-footer__social -->
            </div><!-- /.container -->
        </div><!-- /.bottom-footer -->

    </div><!-- /.page-wrapper -->


    <div class="mobile-nav__wrapper">
        <div class="mobile-nav__overlay mobile-nav__toggler"></div>
        <!-- /.mobile-nav__overlay -->
        <div class="mobile-nav__content">
            <span class="mobile-nav__close mobile-nav__toggler"><i class="far fa-times"></i></span>

            <div class="logo-box">
                <a href="../static/moban5146/index.html" aria-label="logo image"><img src="../static/moban5146/assets/images/logo-light.png" width="155" alt="" /></a>
            </div>
            <!-- /.logo-box -->
            <div class="mobile-nav__container"></div>
            <!-- /.mobile-nav__container -->

            <ul class="mobile-nav__contact list-unstyled">
                <li>
                    <i class="pylon-icon-email1"></i>
                    <a href="mailto:needhelp@azino.com">needhelp@pylon.com</a>
                </li>
                <li>
                    <i class="pylon-icon-telephone"></i>
                    <a href="tel:666-888-0000">666 888 0000</a>
                </li>
            </ul><!-- /.mobile-nav__contact -->
            <div class="mobile-nav__top">
                <div class="mobile-nav__language">
                    <img src="../static/moban5146/assets/images/resources/flag-1-1.jpg" alt="">
                    <label class="sr-only" for="language-select">select language</label><!-- /#language-select.sr-only -->
                    <select class="selectpicker" id="language-select">
                        <option value="english">English</option>
                        <option value="arabic">Arabic</option>
                    </select>
                </div><!-- /.mobile-nav__language -->
                <div class="mobile-nav__social">
                    <a href="#" aria-label="twitter"><i class="fab fa-twitter"></i></a>
                    <a href="#" aria-label="facebook"><i class="fab fa-facebook-square"></i></a>
                    <a href="#" aria-label="pinterest"><i class="fab fa-pinterest-p"></i></a>
                    <a href="#" aria-label="instagram"><i class="fab fa-instagram"></i></a>
                </div><!-- /.mobile-nav__social -->
            </div><!-- /.mobile-nav__top -->



        </div>
        <!-- /.mobile-nav__content -->
    </div>
    <!-- /.mobile-nav__wrapper -->

    <div class="search-popup">
        <div class="search-popup__overlay search-toggler"></div>
        <!-- /.search-popup__overlay -->
        <div class="search-popup__content">
            <form action="#">
                <label for="search" class="sr-only">search here</label><!-- /.sr-only -->
                <input type="text" id="search" placeholder="Search Here..." />
                <button type="submit" aria-label="search submit" class="thm-btn">
                    <i class="fa fa-search"></i>
                </button>
            </form>
        </div>
        <!-- /.search-popup__content -->
    </div>
    <!-- /.search-popup -->

    <a href="#" data-target="html" class="scroll-to-target scroll-to-top"><i class="fa fa-angle-up"></i></a>


    <script src="../static/moban5146/assets/js/jquery-3.5.1.min.js"></script>
    <script src="../static/moban5146/assets/js/bootstrap.bundle.min.js"></script>
    <script src="../static/moban5146/assets/js/swiper.min.js"></script>
    <script src="../static/moban5146/assets/js/jquery.ajaxchimp.min.js"></script>
    <script src="../static/moban5146/assets/js/jquery.magnific-popup.min.js"></script>
    <script src="../static/moban5146/assets/js/jquery.validate.min.js"></script>
    <script src="../static/moban5146/assets/js/bootstrap-select.min.js"></script>
    <script src="../static/moban5146/assets/js/wow.js"></script>
    <script src="../static/moban5146/assets/js/odometer.min.js"></script>
    <script src="../static/moban5146/assets/js/jquery.appear.min.js"></script>
    <script src="../static/moban5146/assets/js/wNumb.min.js"></script>
    <script src="../static/moban5146/assets/js/nouislider.min.js"></script>

    <!-- template js -->
    <script src="../static/moban5146/assets/js/theme.js"></script>
</body>

</html>